{
    "detail": {
        "width": 1433.24,
        "height": 808.56,
        "query": "function(){\n    return window.$glob.params || {}\n}",
        "header": "function(){\n    return window.$glob.params || {}\n}",
        "screen": "x",
        "mark": {
            "show": false,
            "text": "",
            "fontSize": 20,
            "color": "rgba(100,100,100,0.2)",
            "degree": -20
        },
        "scale": 1,
        "backgroundImage": "",
        "url": "",
        "gradeShow": false,
        "gradeLen": 30,
        "name": "AI分析",
        "backgroundColor": "rgba(22, 26, 101)"
    },
    "component": [
        {
            "title": "文件夹",
            "name": "视频监控",
            "index": "69bd596b-79ad-4c1d-88bb-5aeaca9f34b6",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "title": "hi播放器",
                    "name": "hi播放器",
                    "icon": "icon-video",
                    "img": "img/assets/video.png",
                    "top": 51.66,
                    "left": 459.22,
                    "dataType": 1,
                    "data": {
                        "value": "wss://video.hibuilding.cn:6014/proxy/10.0.0.4:559/openUrl/p2oufMk"
                    },
                    "option": {},
                    "dataFormatter": "(data,params,refs)=>{\n    return {value: data.data.url || ''}\n}",
                    "dataHeader": "(data)=>{\n      return {\n        'api-path': '/api/video/v2/cameras/previewURLs',\n        userId: 'admin',\n        key: 'ew2124ewe1333ddd',\n        recent: '1'\n    }\n}",
                    "dataQuery": "(data)=>{\n    return {\n            streamType: '0',\n            protocol: 'wss',\n            transmode: 1,\n            expand: 'transcode=1&videotype=h264',\n            streamform: 'ps',\n            cameraIndexCode:''\n    }\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 947.86,
                        "height": 423.07,
                        "option": {},
                        "name": "h5player",
                        "prop": "h5player"
                    },
                    "index": "81210466-9b2c-4d75-84f4-5a0e1ee37030",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 12,
                    "dataMethod": "post",
                    "url": "https://hik.hibuilding.cn/proxy",
                    "proxy": false
                },
                {
                    "name": "摄像头列表",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "dataFormatter": "(data,params,refs)=>{\n    return data.data.list\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_aifx_jklb_list_730\",\n\"project_id\":\"15855\",\n\"data_format\":\"row\",\n\"injections\":[\n]\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 161.97,
                        "height": 30.81,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"qhq-conter\">\n    <el-select\n      v-model=\"selectValue\"\n      @change=\"tabClick\"\n      placeholder=\"请选择\"\n      class=\"selectNum\"\n    >\n      <el-option\n        v-for=\"item in data\"\n        :key=\"item.监控点编号\"\n        :label=\"item.监控名称\"\n        :value=\"item.监控点编号\"\n      >\n      </el-option>\n    </el-select>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      data: [],\n      selectValue: '',\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        this.data = val;\n        this.tabClick(this.data[0].监控点编号)\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  methods: {\n    tabClick(record) {\n      this.selectValue = record;\n      this.$emit(\"click\", { value: record });\n    },\n  },\n};\n</script>\n\n<style>\n.el-input__inner {\n  background: transparent !important;\n}\n.selectNum {\n  float: left;\n  width: 150px;\n  border: 1px solid #00ffff;\n}\n</style>"
                    },
                    "left": 1253.33,
                    "top": -0.55,
                    "index": "a5016f88-718a-4f27-86ef-17930eae6f86",
                    "child": {
                        "index": [
                            "81210466-9b2c-4d75-84f4-5a0e1ee37030"
                        ],
                        "paramList": [],
                        "paramName": "cameraIndexCode"
                    },
                    "zIndex": 11,
                    "dataMethod": "post",
                    "url": "https://console-api.hibuilding.cn/proxy/api/v1/screen/unit_data"
                }
            ],
            "zIndex": 13,
            "child": {}
        },
        {
            "title": "文本框",
            "name": "历史事件",
            "icon": "icon-text",
            "img": "img/assets/text.png",
            "dataType": 0,
            "dataFormatter": "",
            "dataHeader": "",
            "dataQuery": "",
            "stylesFormatter": "",
            "child": {
                "index": [],
                "paramList": []
            },
            "data": {
                "value": "历史事件"
            },
            "component": {
                "width": 118.36,
                "height": 33.35,
                "name": "text",
                "prop": "text"
            },
            "option": {
                "textAlign": "center",
                "fontSize": 20,
                "fontWeight": "normal",
                "color": "#fff"
            },
            "left": 445.96,
            "top": 485.91,
            "index": "132ee0a5-bf75-43ca-8956-d3852ab360ff",
            "zIndex": 10
        },
        {
            "name": "自定义Vue组件",
            "title": "自定义Vue组件",
            "icon": "icon-bar",
            "img": "img/assets/text4.png",
            "dataType": 1,
            "data": {
                "name": "avue"
            },
            "dataFormatter": "(data,params,refs)=>{\n    return data.data.items\n}",
            "dataHeader": "",
            "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_aifx_jyzls_list_730\",\n\"project_id\":\"15855\",\n\"data_format\":\"row\",\n\"injections\":[\n{\"key\":\"locaNo\",\"value\":\"\"},\n{\"key\":\"pageNum\",\"value\":\"1\"},\n{\"key\":\"pageSize\",\"value\":\"10\"}\n]\n}\n}",
            "stylesFormatter": "",
            "component": {
                "width": 921.49,
                "height": 246.77,
                "name": "vue",
                "prop": "vue",
                "perspective": 0,
                "scale": 0,
                "opacity": 0,
                "rotateX": 0,
                "rotateY": 0,
                "rotateZ": 0
            },
            "option": {
                "content": "<template>\n  <div class=\"box\">\n   <div v-for=\"item in eventList\" :key=\"item.readDataId\" class=\"slide\">\n      <img class=\"imgStyle\" :src=\"item.captureImg\" alt=\"\">\n      <p style=\"color:#fff\">{{item.alarmContent}}</p>\n    </div>\n  </div>\n \n</template>\n<script>\nexport default{\n    data(){\n        return{\n          eventList:[]\n        }\n    },\nwatch: {\n    dataChart: {\n      handler(val) {\n        console.log(val)\n        this.eventList =val\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n    created(){\n    },\n    methods:{\n    }\n}\n</script>\n<style>\n  .box {\n  display: flex;\n  justify-content: space-between;\n  overflow:hidden;\n  width: 100%;\n  }\n  .slide {\n  display: inline-block;\n  background-color: #f0f0f0;\n  margin-right: 10px;\n  text-align: center;\n  animation: slide 5s linear infinite ;\n  height:200px;\n  }\n .imgStyle {\n  width: 200px;\n  height: 200px;\n  background-size: auto;\n }\n @keyframes slide {\n  0% {\n    transform: translateX(0);\n  } \n  100% {\n    transform: translateX(calc(-100% - 10px));\n  }\n}\n</style>"
            },
            "left": 466.2,
            "top": 530.83,
            "index": "ca98e87c-d4d2-4ea8-9a7f-4230d6d56c3d",
            "child": {
                "index": [],
                "paramList": []
            },
            "zIndex": 9,
            "dataMethod": "post",
            "url": "https://console-api.hibuilding.cn/proxy/api/v1/screen/unit_data"
        },
        {
            "title": "文件夹",
            "name": "设备信息",
            "index": "0f396e8c-74e6-48b0-8372-fcfedb405669",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "title": "表格",
                    "name": "表格",
                    "icon": "icon-table",
                    "img": "img/assets/table.png",
                    "top": 465.89,
                    "left": 3.26,
                    "dataType": 1,
                    "data": [
                        {
                            "type1": "数据1",
                            "type2": "数据1"
                        },
                        {
                            "type1": "数据2",
                            "type2": "数据2"
                        },
                        {
                            "type1": "数据3",
                            "type2": "数据3"
                        },
                        {
                            "type1": "数据4",
                            "type2": "数据4"
                        }
                    ],
                    "dataFormatter": "(data,params,refs)=>{\n    return data.data.list\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_aifx_sblb_list_730\",\n\"project_id\":\"15855\",\n\"data_format\":\"row\",\n\"injections\":[\n]\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 413.81,
                        "height": 300.1,
                        "name": "table",
                        "prop": "table",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "showHeader": true,
                        "columnShow": true,
                        "columnViews": true,
                        "headerBackground": "rgba(22, 19, 94,0.5)",
                        "headerColor": "#fff",
                        "headerTextAlign": "left",
                        "nthColor": "rgba(22, 19, 94, 0.5)",
                        "bodyBackground": "rgba(0, 0, 0, 0.01)",
                        "bodyColor": "#fff",
                        "bodyTextAlign": "left",
                        "align": "center",
                        "headerAlign": "center",
                        "header": false,
                        "scrollSpeed": 1,
                        "fontSize": 15,
                        "count": 4,
                        "index": false,
                        "column": [
                            {
                                "label": "设备名称",
                                "prop": "设备名称",
                                "hide": false,
                                "$index": 0
                            },
                            {
                                "label": "通道数量",
                                "prop": "通道数量",
                                "hide": false,
                                "$index": 1
                            },
                            {
                                "label": "实时状态",
                                "prop": "状态",
                                "hide": false,
                                "$index": 2
                            },
                            {
                                "label": "报警次数",
                                "prop": "告警数量",
                                "hide": false,
                                "$index": 3
                            }
                        ],
                        "othColor": "rgba(223, 91, 244, 0.43)",
                        "headerFontSize": 18,
                        "bodyFontSize": 18,
                        "border": false
                    },
                    "index": "2087020c-e1d5-4e78-8ba4-50952eb708af",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 7,
                    "dataMethod": "post",
                    "url": "https://console-api.hibuilding.cn/proxy/api/v1/screen/unit_data"
                },
                {
                    "name": "自定义Vue组件",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return data.data.list\n}",
                    "dataHeader": "(data)=>{\n    return {\n\"unit_no\": \"screen_aifx_sbtj_count_730\",\n\"project_id\":\"15855\",\n\"data_format\":\"row\",\n\"injections\":[\n]\n}\n}",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_aifx_sbtj_count_730\",\n\"project_id\":\"15855\",\n\"data_format\":\"row\",\n\"injections\":[\n]\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 385.73,
                        "height": 44.15,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "rotateZ": 0,
                        "rotateY": 0,
                        "opacity": 0,
                        "rotateX": 0
                    },
                    "option": {
                        "content": "<template>\n    <div class=\"test\">\n        <span>设备数量：{{numList[0].设备数量}}</span>\n        <span>在线数量：{{numList[0].在线数量}}</span>\n    </div>\n</template>\n<script>\nexport default{\n    data(){\n        return{\n            numList:'',\n        }\n    },\n  watch: {\n    dataChart: {\n      handler(val) {\n        console.log(val)\n        this.numList = val\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n    methods:{\n    }\n}\n</script>\n<style>\n    .test{\n        text-align:left;\n        font-size:24px;color:#fff\n    }\n</style>"
                    },
                    "left": 36.55,
                    "top": 429.44,
                    "index": "82beaf18-37cd-4390-84e8-c55c61bf9c58",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 6,
                    "dataMethod": "post",
                    "url": "https://console-api.hibuilding.cn/proxy/api/v1/screen/unit_data"
                },
                {
                    "title": "文本框",
                    "name": "设备信息",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "设备信息"
                    },
                    "component": {
                        "width": 136.64,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 26,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": -6.71,
                    "top": 384.46,
                    "index": "2432b0e5-f3d5-4e2e-8ee8-d9a0113e4eab",
                    "zIndex": 5
                },
                {
                    "title": "边框2",
                    "name": "datav",
                    "icon": "icon-biankuang",
                    "img": "img/assets/borderBox/borderBox_02.png",
                    "top": 377.77,
                    "left": 0.07,
                    "data": {},
                    "component": {
                        "width": 428.09,
                        "height": 409.57,
                        "name": "borderBox",
                        "prop": "borderBox"
                    },
                    "option": {
                        "type": 2,
                        "color1": "#83bff6",
                        "color2": "#00CED1"
                    },
                    "index": "3b930011-5725-458e-8c55-947d6e5483a9",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 4,
                    "dataFormatter": ""
                }
            ],
            "zIndex": 8,
            "child": {}
        },
        {
            "title": "文件夹",
            "name": "今日报警",
            "index": "6c822dea-ef72-44a7-8749-79ca9ab2cb19",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "name": "今日报警组件",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return data.data.items\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return{\n\"unit_no\": \"screen_aifx_jryj_list_730\",\n\"project_id\":\"15855\",\n\"data_format\":\"row\"\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 365.78,
                        "height": 311.98,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n    <ul class=\"timeline\">\n        <li style=\"font-size: 24px;color: #fff;margin-bottom: 20px;\">共{{timelineData.length}}条报警信息</li>\n        <li class=\"timeline-item\" v-for=\"(item,index) in timelineData\" :key=\"index\">\n            <div class=\"timeline-item__tail\"></div>\n            <div class=\"timeline-item__node\">\n                <img class=\"timeline-item__icon\" src=\"https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231020/0829a0f13ab1695d9862a53147ac2b6f.svg\"/>\n            </div>\n            <div class=\"timeline-item__wrapper\">\n                <div class=\"timeline-item__timestamp\">{{ item.预警日期 }}</div>\n                <div class=\"timeline-item__content\">{{ item.预警内容 }}</div>\n            </div>\n        </li>\n    </ul>\n</template>\n<script>\nexport default {\n    data() {\n        return {\n            timelineData: [\n               \n            ],\n        };\n    },\n    watch: {\n    dataChart: {\n      handler(val) {\n         this.timelineData=[]\n            val.map((item)=>{\n                this.timelineData.push({\n                    预警日期:item.getTime,\n                    预警内容:item.alarmContent\n                })\n            })\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n    mounted(){\n        \n    },\n    \n};\n</script>\n\n<style scoped>\n.timeline {\n    margin: 0;\n    font-size: 14px;\n    list-style: none;\n    padding:20px;\n    height:100px;\n  overflow:auto;\n\n}\n\n.timeline .timeline-item:last-child .timeline-item__tail {\n    display: none;\n}\n.timeline-item {\n    position: relative;\n    padding-bottom: 20px;\n}\n\n.timeline-item__wrapper {\n    position: relative;\n    padding-left: 45px;\n    top: -3px;\n}\n\n.timeline-item__tail {\n    position: absolute;\n    left: 4px;\n    height: 100%;\n    border-left: 2px solid #878CFF80;\n;\n}\n\n.timeline-item__icon {\n    color: #fff;\n    font-size: 13px;\n}\n\n.timeline-item__node {\n    position: absolute;\n    background-color: #e4e7ed;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    left: -12px;\n    width:34px;\n    height: 34px;\n    top:-5px;\n}\n\n.timeline-item__content {\n    color: #fff;\n    padding:5px 10px;\n    \n}\n.timeline-item__timestamp {\n  background: linear-gradient(117.29deg, rgba(223, 91, 244, 0.45) 13.82%, rgba(3, 91, 255, 0.45) 82.98%);\n  /* display: inline-block; */\n  padding:5px 10px;\n  margin-bottom:5px;\n  color: #fff;\n\n}\n\n</style>\n"
                    },
                    "left": 13.31,
                    "top": 36.66,
                    "index": "6b06c2a2-8bc6-4118-8db3-0e2c20d2a790",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 2,
                    "dataMethod": "post",
                    "url": "https://console-api.hibuilding.cn/proxy/api/v1/screen/unit_data",
                    "proxy": false
                },
                {
                    "title": "文本框",
                    "name": "今日报警",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "今日报警"
                    },
                    "component": {
                        "width": 152.81,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 26,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": -14.16,
                    "top": 6.97,
                    "index": "0465619d-5c49-4dbb-a30f-69e5148463c1",
                    "zIndex": 1
                },
                {
                    "title": "边框2",
                    "name": "datav",
                    "icon": "icon-biankuang",
                    "img": "img/assets/borderBox/borderBox_02.png",
                    "top": 0,
                    "left": -1.66,
                    "data": {},
                    "component": {
                        "width": 428,
                        "height": 364.56,
                        "name": "borderBox",
                        "prop": "borderBox"
                    },
                    "option": {
                        "type": 2,
                        "color1": "#83bff6",
                        "color2": "#00CED1"
                    },
                    "index": "927df4af-bfa7-4d4f-8fd5-00189c9d3eb2",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 0,
                    "dataFormatter": ""
                }
            ],
            "zIndex": 3,
            "child": {},
            "dataFormatter": "",
            "isname": false
        }
    ]
}